<div id="content">
  <div class="row s_page_title">
    <sa-big-breadcrumbs
      [items]="['项目实施团队', '站点管理']"
      icon="fa fa-smile-o"
      class="col-xs-12 col-sm-7 col-md-7 col-lg-4"
    ></sa-big-breadcrumbs>
  </div>
  <sa-widgets-grid>
    <div class="s_table">
      <div sa-widget [editbutton]="false" color="darken" class="clearfix">
        <header>
          <span class="widget-icon"><i class="fa fa-table"></i></span>
          <h2>站点管理</h2>
        </header>
        <div>
          <div class="widget-body no-padding">
            <div class="page-header clearfix s_table_opreation">
              <div class="left page-header-btn" style="width: calc(100% - 230px)">
                <div class="top_module">
                  <span class="module_text">站点名称</span>
                  <div class="s_hover_box">
                    <select class="select2" id="repairPointSelect2">
                      <option value=""></option>
                    </select>
                    <div class="s_del_icon" (click)="delRepairPoint()">x</div>
                  </div>
                </div>

                <div class="top_module">
                  <span class="module_text">服务厂区</span>
                  <sa-company-tree
                    wrap=""
                    companyTreeId="companyTree"
                    (companySelected)="companySelected($event)"
                  ></sa-company-tree>
                </div>

                <div class="top_module">
                  <span class="module_text">所在省份</span>
                  <sa-company-tree
                    wrap="body"
                    companyTreeId="companyTree1"
                    (companySelected)="regionSelected($event)"
                    [inputApi]="inputApi"
                  ></sa-company-tree>
                </div>

                <div class="top_module top_module_box">
                  <span class="module_text">站点人员名称</span>
                  <input type="text" class="module_inp top_module_select" [(ngModel)]="tableParam.pointPersonnel" placeholder="请输入站点人员名称"/>
                </div>

                <div class="top_module top_module_box">
                  <span class="top_module_label module_text">状态</span>
                  <select name="" class="top_module_select" [(ngModel)]="tableParam.status">
                    <option value="">全部</option>
                    <option value="1">正常维修</option>
                    <option value="2">暂停维修</option>
                  </select>
                </div>

                <!--<div class="selectDate top_module">
									<table-select-date [notInit]='true' (outerTime)="getSelectTableTime($event)" ></table-select-date>
								</div>-->
                <button class="btn btn-primary" (click)="tableSearch()">查询</button>
                <button class="btn btn-primary" (click)="tableAdd(repairPointFromModal)">新增</button>
                <button class="btn btn-primary" (click)="showSelectTime(selectTimeModal, true)">时间区间配置</button>
                <button type="button" class="btn btn-primary" (click)="showImportModal(weightModal)">
                  导入Excel文件
                </button>
                <button class="btn btn-primary" (click)="exportData()">站点信息导出</button>
                <button class="btn btn-primary" (click)="showSiteMap(siteMapModal)">站点地图</button>
                <button class="btn btn-primary" (click)="seniorFunction(seniorFunctionModal)">高级功能</button>
              </div>
              <div class="right top-search">
                <input
                  type="text"
                  [(ngModel)]="tableParam.searchKey"
                  (change)="tableSearch()"
                  class="search-input"
                  placeholder="站点/负责人/联系电话/地址"
                />
                <span class="top-search-box">
                  <button class="top-search-btn" type="button" (click)="tableSearch()">
                    <i class="fa fa-search"></i>
                  </button>
                </span>
              </div>
            </div>
            <div class="table_scroll">
              <table
                class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table"
              >
                <thead>
                  <tr>
                    <th>站点名称</th>
                    <th>服务厂区</th>
                    <th>实施人员</th>
                    <th>省份</th>
                    <th>区域督导</th>
                    <th>区域经理</th>
                    <th>工作时间</th>
                    <th>站点属性</th>
                    <th>地址</th>
                    <th>门头照片</th>
                    <th>坐标</th>
                    <th>状态</th>
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let row of tableData">
                    <td>{{ row.repairPointName }}</td>
                    <td>
                      <span *ngFor="let item of row.companyArrays; let i = index">
                        {{ item.companyName }}
                        <span *ngIf="i < row.companyArrays.length - 1">,</span>
                      </span>
                    </td>
                    <td>
                      <button type="button" (click)="viewPersonnel(row, viewModal)">{{ row.employNumber }}</button>
                    </td>
                    <td>{{ row.provinceName }}</td>
                    <td>{{ row.supervisionName }}</td>
                    <td>{{ row.managerName }}</td>
                    <td>
                      {{ row.startTime }}
                      <span *ngIf="row.startTime && row.endTime">至</span>
                      {{ row.endTime }}
                    </td>
                    <td>{{ row.repairPointAttribute }}</td>
                    <td>{{ row.address }}</td>
                    <td>
                      <button *ngIf="row.doorPhotos && row.doorPhotos.length" type="button" (click)="handlePhotosManage(row, photosManageModal, true)">查看</button>
                    </td>
                    <td>
                      <span>
                        {{ row.lng }}
                        <span *ngIf="row.lng && row.lat">,</span>
                        {{ row.lat }}
                      </span>
                    </td>
                    <td class="smart-form" style="padding: 7px 10px">
                      <input
                        style="margin-right: 5px; display: none"
                        name="status"
                        class="isStatus"
                        type="checkbox"
                        [checked]="row.isStatus"
                        [id]="row.id"
                      />
                    </td>
                    <td>
                      <button type="button" (click)="handlePhotosManage(row, photosManageModal)">门头照片管理</button>
                      <button type="button" (click)="viewPersonnel(row, viewModal)">实施人员</button>
                      <button type="button" (click)="tableEdit(row, repairPointFromModal)">编辑</button>
                      <button type="button" (click)="tableDel(row)">删除</button>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="table-fix clearfix">
              <paginator
                [totalRecords]="totalCount"
                [rows]="pageSize"
                [currentPage]="curPage - 1"
                (onPageChange)="paginate($event)"
              ></paginator>
              <button type="button" class="btn default refresh_btn" (click)="refresh()">
                <i class="fa fa-refresh"></i>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </sa-widgets-grid>

  <!-- 站点地图 弹窗 -->
  <section
    bsModal
    #siteMapModal="bs-modal"
    class="modal fade"
    tabindex="-1"
    role="dialog"
    aria-labelledby="myLargeModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-lg" style="width: 1200px; margin-top: 70px">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="closeModal(siteMapModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">站点地图</h4>
        </div>
        <div class="modal-body">
          <div class="page-header map-header page-header-btn">
            <div class="top_module">
              <span class="module_text">服务厂区</span>
              <sa-company-tree
                wrap=""
                companyTreeId="companyTree2"
                (companySelected)="companySelected($event, 'map')"
              ></sa-company-tree>
            </div>

            <div class="top_module">
              <span class="module_text">所在省份</span>
              <sa-company-tree
                wrap="body"
                companyTreeId="companyTree3"
                (companySelected)="regionSelected($event, 'map')"
                [inputApi]="inputApi"
              ></sa-company-tree>
            </div>

            <button class="btn btn-primary" (click)="querySiteMapData()">查询</button>
          </div>
          <div class="site-map-box">
            <div id="siteMap"></div>
            <!-- <sa-bmap-tools [baiduMap]="MAP" [isShowZoom]="true" [reduceHeight]="36"></sa-bmap-tools> -->
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- 站点地图 弹窗end -->

  <!-- 站点新增   弹窗-->
  <section
    bsModal
    #repairPointFromModal="bs-modal"
    class="modal fade"
    tabindex="-1"
    role="dialog"
    aria-labelledby="myLargeModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-lg" style="width: 1200px; margin-top: 70px">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="modalClose(repairPointFromModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">站点-{{ pageType }}</h4>
        </div>
        <form
          id="repairPointFrom"
          class="form-horizontal"
          role="form"
          novalidate="novalidate"
          [saBootstrapValidator]="validatorOptions"
        >
          <div class="modal-body" style="padding-bottom: 0px">
            <div class="row form-horizontal">
              <div class="form-group groupHeight">
                <label class="control-label col-md-2 col-sm-2">
                  站点名称
                  <sup>*</sup>
                </label>
                <div class="col-md-4">
                  <input
                    id="repairPointName"
                    class="form-control"
                    name="repairPointName"
                    [attr.rowId]="repairPonitFrom.id"
                    [(ngModel)]="repairPonitFrom.repairPointName"
                    (change) = "inputChange($event)"
                    placeholder="站点"
                  />
                  <small id="hint" class="help-block hint">提示：站点名称过长，建议精简</small>
                </div>
                <label class="control-label col-md-2 col-sm-2">
                  服务厂区
                  <sup>*</sup>
                </label>
                <div class="col-md-4">
                  <sa-company-tree-checkbox
                    wrap="html"
                    companyTreeId="companyTreeFrom"
                    [Height]="32"
                    [threeState]="false"
                    [companyValue]="repairPonitFrom.companyArrays"
                    (confirm)="confirmCompanySelected($event)"
                  ></sa-company-tree-checkbox>
                </div>
              </div>

              <div class="form-group">
                <label class="control-label col-md-2 col-sm-2">
                  工作开始时间
                  <sup>*</sup>
                </label>
                <div class="col-md-4">
                  <input
                    class="form-control"
                    name="startTime"
                    [(ngModel)]="repairPonitFrom.startTime"
                    onfocus="this.blur()"
                    id="workStartTime"
                    autocomplete="off"
                    placeholder="开始时间"
                  />
                </div>
                <label class="control-label col-md-2 col-sm-2">
                  工作结束时间
                  <sup>*</sup>
                </label>
                <div class="col-md-4">
                  <input
                    class="form-control"
                    name="endTime"
                    [(ngModel)]="repairPonitFrom.endTime"
                    onfocus="this.blur()"
                    id="workEndTime"
                    autocomplete="off"
                    placeholder="结束时间"
                  />
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-md-2 col-sm-2">
                  维修区间配置
                  <sup>*</sup>
                </label>
                <div class="col-md-10">
                  <div class="timeArrWrap" (click)="showSelectTime(selectTimeModal, false)">
                    <input style="display: none" id="timeZone" name="timeZone" />
                    <span class="timeSpan" *ngFor="let item of repairPonitFrom.repairInfo; let i = index">
                      {{ item.startTime }}-{{ item.endTime }}
                      <!-- <span *ngIf="i < repairPonitFrom.repairInfo.length - 1">,</span> -->
                    </span>

                    <span class="div_placeholder" *ngIf="repairPonitFrom.repairInfo && repairPonitFrom.repairInfo.length == 0">设置维修时间区间</span>
                  </div>
                </div>
              </div>
              <div class="form-group" style="position: relative;">
                <label class="control-label col-md-2 col-sm-2">
                  地址
                  <sup>*</sup>
                </label>
                <div class="col-md-9">
                  <input class="form-control" name="address" [(ngModel)]="repairPonitFrom.address" placeholder="地址" />
                </div>
                <span class="map" (click)="updateAddress()"><i class="fa fa-map-marker"></i></span>
              </div>
              <div class="form-group">
                <label class="control-label col-md-2 col-sm-2">
                  所属区域
                  <sup>*</sup>
                </label>
                <div class="col-md-4">
                  <input
                    name="provinceName"
                    [(ngModel)]="repairPonitFrom.provinceName"
                    type="text"
                    class="form-control form-control-sm"
                    placeholder="所属区域"
                    disabled
                  />
                </div>
                <label class="control-label col-md-2 col-sm-2">围栏半径(米)</label>
                <div class="col-md-4">
                  <input
                    name="radius"
                    [(ngModel)]="repairPonitFrom.radius"
                    type="text"
                    class="form-control form-control-sm"
                    placeholder="围栏半径(米)"
                    (ngModelChange)="updateRadius($event)"
                  />
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-md-2 col-sm-2">经度</label>
                <div class="col-md-4">
                  <input
                    id="longitude"
                    name="longitude"
                    [(ngModel)]="repairPonitFrom.lng"
                    type="text"
                    class="form-control form-control-sm"
                    placeholder="经度"
                  />
                </div>
                <label class="control-label col-md-2 col-sm-2">纬度</label>
                <div class="col-md-4">
                  <input
                    id="latitude"
                    name="latitude"
                    [(ngModel)]="repairPonitFrom.lat"
                    type="text"
                    class="form-control form-control-sm"
                    placeholder="纬度"
                  />
                </div>
              </div>
              <div class="form-group map-box isActive">
                <div id="baiduMap"></div>
                <sa-bmap-tools [baiduMap]="MAP" [isShowZoom]="true" [reduceHeight]="36"></sa-bmap-tools>
                <div class="auto-search-bmap">
                  <div id="r-result"><input type="text" id="suggestId" placeholder="请输入地址" /></div>
                  <!-- <i class="fa fa-search suggestIcon" (click)="updateAddress(2)"></i> -->
                  <div
                    id="searchResultPanel"
                    style="border: 1px solid #c0c0c0; width: 150px; height: auto; display: none"
                  ></div>
                </div>
              </div>
            </div>
          </div>

          <div class="modal-footer">
            <button type="button" class="btn btn-default" (click)="modalClose(repairPointFromModal)">取消</button>
            <button type="button" class="btn btn-primary" (click)="repairPointSubmit(repairPointFromModal)">
              提交
            </button>
          </div>
        </form>
      </div>
    </div>
  </section>
  <!-- 站点新增 弹窗end-->

  <!-- 选择时间区间 弹窗 -->
  <section
    bsModal
    #selectTimeModal="bs-modal"
    class="modal fade"
    id="selectTimeModal"
    tabindex="-1"
    role="dialog"
    aria-labelledby="myLargeModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-lg" style="width: 800px">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="timeArrmodalClose(selectTimeModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">时间区间配置</h4>
        </div>
        <div class="modal-body">
          <div *ngIf="editOverall">
            <button type="button" class="btn btn-primary" (click)="resetOverAllTime()" style="margin-bottom: 15px">
              重新配置
            </button>
          </div>
          <div [ngStyle]="{ display: editOverall ? 'none' : 'flex' }" class="form-group flexRow col-xs-12">
            <label class="control-label col-xs-4 col-sm-2">快速添加</label>
            <div class="col-xs-10">
              <input class="col-xs-2 addInput" [(ngModel)]="addStartTimeQuick" placeholder="维修数量" />
              <button type="button" class="btn btn-primary" (click)="oneHourSplit()">1小时区间</button>
              <button type="button" class="btn btn-primary" (click)="twoHourSplit()">2小时区间</button>
              <button *ngIf="!isOverSelectTime" type="button" class="btn btn-primary" (click)="toSameOverall()">
                一键同步默认
              </button>
            </div>
          </div>

          <div [ngStyle]="{ display: editOverall ? 'none' : 'flex' }" class="form-group flexRow col-xs-12">
            <label class="control-label col-xs-4 col-sm-2">手动添加</label>
            <div class="col-xs-10">
              <input
                class="col-xs-2 addInput"
                name="startTime"
                [(ngModel)]="addStartTimeByHand"
                onfocus="this.blur()"
                id="handStartTime"
                autocomplete="off"
                placeholder="开始时间"
              />
              <span style="float: left; height: 32px; line-height: 32px">-</span>
              <input
                class="col-xs-2 addInput"
                name="endTime"
                [(ngModel)]="addEndTimeByHand"
                onfocus="this.blur()"
                id="handEndTime"
                autocomplete="off"
                placeholder="结束时间"
              />
              <input
                class="col-xs-2 addInput"
                id="handNum"
                onkeyup="value=value.replace(/[^\d]/g,'')"
                [(ngModel)]="oneZoneCarNumByHand"
                placeholder="维修数量"
              />
              <button type="button" class="btn btn-primary" (click)="addTimeByHand()">添加</button>
              <button type="button" class="btn btn-primary" (click)="resetTimeZoneList()">重置</button>
            </div>
          </div>
          <div
            class="table_scroll"
            *ngIf="myTimezoneList && myTimezoneList.length != 0"
            style="clear: both; overflow-y: auto; max-height: 400px"
          >
            <table
              class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table"
            >
              <thead>
                <tr>
                  <th>时间区间</th>
                  <th style="display: flex; justify-content: space-between">
                    <span>维修数量</span>
                    <span style="font-size: 10px; color: #ff0000">0代表不限制维修数量因此展示 ∞ (无穷大)</span>
                  </th>
                  <!-- <th>操作</th> -->
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let row of myTimezoneList; let i = index">
                  <td style="width: 200px">{{ row.startTime }}-{{ row.endTime }}</td>
                  <td>
                    <div *ngIf="editItem == i; else defaultShow">
                      <input
                        (blur)="handleBlur(row)"
                        [(ngModel)]="row.num"
                        onkeyup="this.value=this.value.replace(/\D/g,'')"
                        [ngModelOptions]="{ standalone: true }"
                        #autofocusInput
                      />
                    </div>
                    <ng-template #defaultShow>
                      <p (dblclick)="handledClick(row, i)">{{ row.num == 0 ? '∞' : row.num }}</p>
                    </ng-template>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div class="modal-footer" style="clear: both">
          <button
            type="button"
            *ngIf="!editOverall"
            class="btn btn-default"
            (click)="timeArrmodalClose(selectTimeModal)"
          >
            取消
          </button>
          <button
            type="button"
            *ngIf="!editOverall"
            class="btn btn-primary"
            (click)="timeSelectSubmit(selectTimeModal)"
          >
            保存
          </button>
          <button
            type="button"
            *ngIf="editOverall"
            class="btn btn-primary"
            (click)="timeArrmodalClose(selectTimeModal)"
          >
            确定
          </button>
        </div>
      </div>
    </div>
  </section>
  <!-- 选择时间区间 END -->

  <!-- 人员管理   弹窗-->
  <section
    bsModal
    #viewModal="bs-modal"
    class="modal fade"
    tabindex="-1"
    role="dialog"
    aria-labelledby="myLargeModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-lg">
      <div class="modal-content" style="width: 800px">
        <div class="modal-header">
          <button type="button" class="close" (click)="closeModal(viewModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">人员管理</h4>
        </div>
        <form class="form-horizontal" role="form" novalidate="novalidate">
          <div class="modal-body">
            <button
              *ngIf="isShowAdd"
              type="button"
              class="btn btn-primary"
              style="margin-bottom: 10px"
              (click)="addViewList(addViewModal)"
            >
              添加
            </button>
            <div class="row form-horizontal table_scroll" *ngIf="viewCarData.length != 0" style="max-height: 400px">
              <table
                class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table"
              >
                <thead>
                  <tr>
                    <th>账号</th>
                    <th>姓名</th>
                    <th>手机号</th>
                    <th>添加人</th>
                    <th>添加时间</th>
                    <th *ngIf="isShowDel">操作</th>
                  </tr>
                </thead>
                <tbody class="carBody">
                  <tr *ngFor="let row of viewCarData; let i = index" [attr.data-index]="i">
                    <td>{{ row.userName }}</td>
                    <td>{{ row.name }}</td>
                    <td>{{ row.phone }}</td>
                    <td>{{ row.createName }}</td>
                    <td>{{ row.createTime }}</td>
                    <td *ngIf="isShowDel">
                      <button type="button" (click)="deleteView(row)">删除</button>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div *ngIf="viewCarData.length == 0" style="text-align: center">暂无人员绑定数据</div>
          </div>
        </form>
      </div>
    </div>
  </section>
  <!-- 人员管理 弹窗end-->

  <!-- 新增人员   弹窗-->
  <section
    bsModal
    #addViewModal="bs-modal"
    class="modal fade"
    tabindex="-1"
    role="dialog"
    aria-labelledby="myLargeModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-lg">
      <div class="modal-content" style="width: 800px">
        <div class="modal-header">
          <button type="button" class="close" (click)="viewClose(addViewModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">添加人员</h4>
        </div>
        <div class="modal-body">
          <div class="row form-horizontal">
            <div class="form-group">
              <label class="control-label col-sm-2 no-padding-right">
                实施人员
                <sup>*</sup>
              </label>
              <div class="col-sm-10">
                <div class="clearfix">
                  <div class="s_hover_box" style="display: block">
                    <select class="select2 form-control" id="patchSelect2" style="width: 100%">
                      <option value=""></option>
                    </select>
                    <div class="s_del_icon" (click)="delNumberSelect()">x</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" (click)="viewClose(addViewModal)">取消</button>
          <button type="button" class="btn btn-primary" (click)="viewSubmit(addViewModal)">提交</button>
        </div>
      </div>
    </div>
  </section>
  <!-- 新增人员 弹窗end-->

  <!-- 导入弹框 -->
  <div
    bsModal
    #weightModal="bs-modal"
    class="modal fade"
    tabindex="-1"
    role="dialog"
    aria-labelledby="myLargeModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="cancelUp(weightModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">上传Excel文件</h4>
        </div>
        <div class="modal-body">
          <div class="row">
            <form class="form form-inline" role="form">
              <div class="row" style="margin-bottom: 24px;">
								<div class="form-group module_line">
									<button type="button" class="btn btn-primary" (click)="load_module()">下载模板文件</button>
									<span class="row" class="note">注：请先下载模板，采用模板编辑文件后上传</span>
								</div>
							</div>

              <div class="row">
                <!--<label class="control-label col-sm-1" for="imgFile" style="padding: 0;display: inline-block;line-height: 32px;">文件</label>-->
                <div class="col-sm-10" style="padding: 0">
                  <div class="clearfix module_line">
                    <button type="button" class="btn btn-primary" style="width: 120px">
                      上传文件
                      <input
                        type="file"
                        class="up"
                        (change)="fileChange($event.target.files)"
                        name="fileToUpload"
                        (click)="clearFile()"
                        [(ngModel)]="fileUp"
                        placeholder=""
                        multiple="multiple"
                      />
                    </button>
                    <span class="row" class="note">注：可一次性添加多份文件, 格式excel</span>
                  </div>
                </div>
              </div>
              <div *ngIf="fileToUpload.length > 0">
                <label class="control-label col-sm-1"></label>
                <div>
                  <ul style="max-height: 321px; overflow-y: auto">
                    <li class="file_list" *ngFor="let file of fileToUpload">
                      <i class="fa fa-file-text-o" style="margin-right: 12px"></i>
                      {{ file.name }}
                      <i class="fa fa-check-circle green" style="margin-left: 60px"></i>
                    </li>
                  </ul>
                </div>
              </div>
            </form>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" (click)="cancelUp(weightModal)">取消</button>
          <button type="button" class="btn btn-primary" (click)="submitData(weightModal)">确认</button>
        </div>
      </div>
    </div>
  </div>
  <!-- 导入弹框 结束 -->

  <!-- 高级功能弹窗-->
  <section
    bsModal
    #seniorFunctionModal="bs-modal"
    class="modal fade"
    tabindex="-1"
    role="dialog"
    aria-labelledby="myLargeModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-lg">
      <div class="modal-content" style="width: 600px">
        <div class="modal-header">
          <button type="button" class="close" (click)="seniorFunctionClose(seniorFunctionModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">高级功能</h4>
        </div>
        <div class="modal-body" [v-loading]="renewLoad">
          <div class="row form-horizontal">
            <div class="form-group">
              <label class="control-label col-sm-2 no-padding-right" style="font-weight: bold;">
                站点坐标
              </label>
              <div class="col-sm-7">
                <div style="color: #999">根据最近的安装记录，匹配APP自动上报的坐标，更新为站点坐标</div>
              </div>
              <div class="col-sm-2">
                <button type="button" class="btn btn-primary" (click)="seniorFunctionRenew()">更新</button>
              </div>
            </div>
            <div class="form-group">
              <label class="control-label col-sm-2 no-padding-right" style="font-weight: bold;">
                站点半径
              </label>
              <div class="col-sm-7">
                <div style="color: #999">批量设置所有已配置坐标的站点的半径，站点未设置坐标，不设置</div>
              </div>
              <div class="col-sm-2">
                <button type="button" class="btn btn-primary" (click)="seniorFunctionSetup(settingRadiusModal)">设置</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- 高级设置 弹窗end-->
  <!-- 批量设置半径   弹窗-->
  <section
    bsModal
    #settingRadiusModal="bs-modal"
    class="modal fade"
    tabindex="-1"
    role="dialog"
    aria-labelledby="myLargeModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-lg">
      <div class="modal-content" style="width: 600px">
        <div class="modal-header">
          <button type="button" class="close" (click)="settingRadiusClose(settingRadiusModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">批量设置半径</h4>
        </div>
        <form
          id="settingRadiusFrom"
          class="form-horizontal"
          role="form"
          novalidate="novalidate"
          [saBootstrapValidator]="settingRadiusOptions"
          [v-loading]="radiusLoad"
        >
          <div class="modal-body">
            <div class="row form-horizontal">
              <div class="form-group">
                <label class="control-label col-sm-2 no-padding-right">
                  半径<sup>*</sup>
                </label>
                <div class="col-sm-9">
                  <input
                  class="form-control form-control-sm"
                  id="raiusNum"
                  name="raiusNum"
                  [(ngModel)]="raius"
                  placeholder="请输入半径"
                />
                </div>
                <div class="col-sm-1" style="line-height: 32px;text-align:left">米</div>
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" (click)="settingRadiusClose(settingRadiusModal)">取消</button>
            <button type="button" class="btn btn-primary" (click)="settingRadiusSubmit(settingRadiusModal)">提交</button>
          </div>
        </form>
      </div>
    </div>
  </section>
  <!-- 批量设置半径 弹窗end-->

  <!-- 门头照片管理   弹窗-->
  <section
    bsModal
    #photosManageModal="bs-modal"
    class="modal fade"
    tabindex="-1"
    role="dialog"
    aria-labelledby="myLargeModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-lg">
      <div class="modal-content" style="width: 800px">
        <div class="modal-header">
          <button type="button" class="close" (click)="closeModal(photosManageModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">门头照片{{isViewPhotos? '': '管理'}}</h4>
        </div>
        <form class="form-horizontal" role="form" novalidate="novalidate">
          <div class="modal-body">
            <div class="imgFileList">
              <div class="imgFileList-power">
                <div class="imgFileList-multifile">
                  <div class="uploadlocation uploadlocation1">
                    <div class="content-list">
                      <div *ngIf="!isViewPhotos" class="btn div_imgall">
                        <div class="div_shuline"></div>
                        <div class="div_hengline"></div>
                        <input type="file" class="up" title=" " placeholder=" " accept="image/*" (change)="uploadImg($event.target.files)" />
                      </div>
                      <div class="headImg" *ngFor="let item of doorPhotosList; let i = index">
                        <div class="contentImg">
                          <img class="img" [src]="item" (click)="bigImgClick()" style="width: 100%" />
                        </div>
                        <i *ngIf="!isViewPhotos" class="deleteImg" (click)="deleteImg(i)"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </section>
  <!-- 门头照片管理 弹窗end-->
</div>
